<template>
<div class="container">
    <ul class="mains">
    <li class="left">
        <slot name="pr">图片</slot>
    </li>
    <li class="rigte">
        <slot name="main">插槽2登录/注册
        </slot>
    </li>
    </ul>
</div>
</template>

<script>
export default {
  name: '',
  data () {
      return {
      
    }
  }
,
methods:{
 
},
components:{
},
}
</script>

<style scoped>
   .mains{
       list-style: none;
       display: flex;
       margin: 50px;
       justify-content: space-around;
   }
    .mains li{
        
        border-radius: 25px;
        border: 2px dashed #fff ;
        box-shadow: #fff ;
        width: 120%;
        height: 800px;
        
    }
</style>

